<extend name="Public/common"/>
<block name="othercss">

</block>
<block name="body">
<div class="mian" style="background-color: #f4f4f4">
    <div class="help">
        <div class="box">
            <div class="loc"><i class="icon iconloc"></i>您现在在这里：<a href="{:urlrotue('/')}">白宝库</a> > <a href="{:urlrotue('Member/index')}">个人中心</a> > <span class="on">交易评价</span>
            </div>
            <div class="clearfix help_list">
                <div class="right">
                    <h2 class="title">交易评价</h2>
                    <div class="jypjSum">
                        <ul class="title clearfix">
                            <li class="j1" style="width:767px">产品</li>
                            <li class="j2">数量</li>
                            <li class="j3">金额（元）</li>
                          
                        </ul>
                        <ul class="jypj-table">
                            <li>
                                <div class="top clearfix">nbsp;&nbsp;&nbsp;订单编号：{$model.order_no}</div>
                                <table>
                                    <tr>
                                        <td class="j1" style="width:767px">
                                            <a class="clearfix">
                                                <div class="lans" style="width:550px;">{$model.goods_name}
                                                 <div class="spec">{$model.goods_spec}</div>
                                                </div>
                                                <div class="imgs"><img src="__ROOT__{$model.goods_picture}" width="80" height="80"/> </div>
                                            </a>
                                        </td>
                                        <td class="j2">{$model.goods_num}</td>
                                        <td class="j3">{$model.goods_price}</td>
                               
                                    </tr>
                                </table>
                            </li>
                        </ul>
                        <!--liuyan-->
                        <div class="liuyansum">
                            <div class="liuyan-top">
                                <textarea placeholder="留言内容（十个字以上）" name="detail" id="detail"  onKeyUp="javascript:checkWord(this);"></textarea>
                                  <input type="hidden" name="comment_id" id="comment_id" value="{$model.id}" />
                                <div class="bottom clearfix" >还可以输入<span  id="wordCheck">150</span>字<a class="">提交留言</a></div>
                            </div>
                            <ul>
                            <volist name="comment_list" id="item">
                                <li class="clearfix">
                                    <div class="lans">
                                        <div class="h1">{$item.member_id|member_name}</div>
                                        <div class="h2">{$item.create_time|stringtime=3}</div>
                                        <div class="h3">
                                         {$item.detail|trim_textarea}
                                        </div>
                                    </div>
                                    <div class="imgs"><img src="__ROOT__{$item.member_id|member_headpic}" width="80" height="80"/></div>
                                </li>
                               </volist>
                            </ul>
                        </div>
                    </div>
                </div>
                
                 <include file="Member:left_menu"/>
            </div>
        </div>
    </div>
</div>
</block>
<block name="otherjs">
<script type="text/javascript">
function checkWord(which) { 
var maxChars = 150; 

if(which.value.length>=10){
  $('.liuyan-top a').addClass('on');
}else{
 $('.liuyan-top a').removeClass('on');
}

if (which.value.length > maxChars) 
which.value = which.value.substring(0,maxChars); 
var curr = maxChars - which.value.length; 
$("#wordCheck").html(curr.toString()); 
} 

$(function(){
$('.bottom a').bind('click',function(){
 if( $(this).hasClass("on")){
    comment_add()
  }else{
   layer.tips('留言内容必须十个字以上', "#detail", { time: 1000, tips: [1,'#dd2727'] });
   return false;
    
  }
})	
})

</script>
 <script type="text/javascript">
            var url_comment_add = "{:urlrotue('Member/comment_add')}?";
            var url_comment_record = "{:urlrotue('comment_record')}?";
        </script>
         <script src="{$theme_path}/js/member_comment.js?20181208_3"></script>
</block>



